/* Style for global scope retweet modal */


.retweet-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1051;
	background-color: rgba(11,11,11,0.3);
	top: 0;
}
.retweet-modal.hide {
	display: none;
}

	.retweet-box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		border-radius: 6px;
		width: 600px;
		max-width: 90%;
		.retweet-title {
			margin: 0;
			padding: 0;
			p {
				margin: 0;
				padding: 8px 0;
				text-align: center;
				color: rgb(136, 153, 166);
				font-size: 16px;
				line-height: 22px;
			}
			.close-rt-modal {
				position: absolute;
				top: 0px;
				right: 0px;
				padding: 10px;
				display: inline-block;
				color: rgb(136, 153, 166);
				font-size: 16px;
				&:hover {
					cursor: pointer;
				}
			}
		}
		.retweet-comment-container {
			background-color: #E5F2F7;
			padding: 10px 15px;
			.retweet-comment {
				position: relative;
				background-color: white;
				color: #8899a6;
				padding: 10px;
				font-size: 13px;
				border: 1px solid rgba(0,132,180,0.25);
				border-radius: 3px;
				textarea {
					font-size: 13px;
					line-height: 16px;
					resize: none;
					border: none;
					width: 100%;
					outline: none;
					height: 16px;
					overflow: hidden;
					&:focus {
						outline: none;
					}
				}
				textarea.active {
					height: 48px;
					overflow: auto;
				}
				.remaining-chars {
					position: absolute;
					right: 10px;
					bottom: 10px;
				}
				.remaining-chars.red {
					color: red;
				}
			}
		}

		.current-tweet {
			.item {
				padding: 11px;
				position: relative;
				img {
					float: left;
					width: 45px;
					height: 45px;
				}
				p {
					display: block;
					margin-left: 53px;
					margin-top: 0px;
					line-height: 1.3em;
					font-size: 0.9em;
					margin-left: 50px;
					span.home-user-screen-name {
						display: inline-block;
						font-weight: 600;
						margin-bottom: 2px;
					}
				}
			}

		}

		.retweet-button-container {
			background-color: white;
			width: 100%;
			text-align: right;
			padding-right: 15px;
			padding-bottom: 15px;
			border-bottom-left-radius: 6px;
			border-bottom-right-radius: 6px;
			.retweet-button {
				display: inline-block;
				padding: 5px 16px 11px 16px;
				border-radius: 3px;
				background-color: #55acee;
				color: white;
				font-size: 14px;
				font-weight: bold;
				.retweet-icon {
					width: 30px;
					height: 16px;
					display: inline-block;
					background: url('../images/rt-white.png');
					background-repeat: no-repeat;
					background-size: 100% 100%;
					position: relative;
					top: 3px;
				}
				&:hover {
					cursor: pointer;
				}
			}
			.retweet-button.disabled {
				opacity: 0.5;
			}
		}
	}